<template>
    <div id="app">
        <keep-alive :include="catchPages">
            <router-view></router-view>
        </keep-alive>
    </div>
</template>

<script>
    import {
        mapGetters
    } from 'vuex'
    export default {
        name: 'App',
        methods: {
            ...mapGetters(['getCatchPages'])
        },
        computed: {
            catchPages() {
                return this.getCatchPages()
            }
        }
    }
</script>

<style lang="less">
    .size {
        width: 100%;
        height: 100%;
    }

    html,
    body {
        .size;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }

    #app {
        .size;
    }
</style>